﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<UI.Data.Ventas>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Compra de <%:Model.Producto.Nombre %>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <h2>
        Compra de <%:Model.Producto.Nombre %></h2>
    <div style="display: inline; float: right">
        <h3>
            Detalles del vendedor</h3>
        <%: Html.Label("Nombre:") %>
        <%: Html.DisplayFor(modelItem => Model.Usuarios.Persona.Nombre) %>
        <br />
        <%: Html.Label("Apellido:") %>
        <%: Html.DisplayFor(modelItem => Model.Usuarios.Persona.Apellido)%>
    </div>

    <% using (Html.BeginForm()) { %>
    <%: Html.ValidationSummary(false)%>
     <div style="display: inline; float: left">
        <h3>
            Seleccione forma de pago:</h3>
        <%: Html.Label("Numero de Tarjeta:")%>
         <%:Html.TextBox("txtNumeroTarjeta", null, new { id = "txtNumeroTarjeta" })%>

        <br />
        <%: Html.Label("Tipo de Tarjeta:")%>
        <%UI.Data.SPORTSALEEntities context = new UI.Data.SPORTSALEEntities(); %>
        <%: Html.DropDownList("cboTarjetas", new SelectList(new List<UI.ComplexEntities.TipoTarjeta>(){ new UI.ComplexEntities.TipoTarjeta(){ Id = 1, Nombre = "VISA"}, new UI.ComplexEntities.TipoTarjeta(){ Id = 2, Nombre = "MASTERCARD" } }.Select(x => new { Value = x.Id, Text = x.Nombre }),"Value","Text")) %>
        <br />
        <%: Html.Label("Codigo de seguridad:")%>
        <%: Html.TextBox("txtTarjeta.Codigo", null, new { id = "txtTarjeta_Codigo" })%>

        <br />
        <%: Html.Label("Fecha de Vencimiento:")%>
       <%:Html.TextBox("txtFechaVencimiento", null, new { id = "txtFechaVencimiento", @readonly = "readonly" })%>
    </div>

    <br />
    <br />

    <%: Html.Label("Ingrese cantidad:")%>
    <%:Html.TextBoxFor(x => x.Producto.Stock, new { id = "txtCantidad" })%>

    <br />
    <br />

    <input type="submit" value="Continuar" class="btn btn-primary" />

    <%} %>
    
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="FeaturedContent" runat="server">
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="ScriptsSection" runat="server">
    <script type="text/javascript" src="../../Scripts/jquery-ui-1.8.20.js"></script>
    <script type="text/javascript">
        $("#txtFechaVencimiento").datepicker({ dateFormat: 'dd-mm-yy', changeMonth: true, changeYear: false });

        $("form").submit(function (event) {
            debugger;
            var numero, codigo, tipo, fecha;
            numero = $("#txtNumeroTarjeta").val();
            codigo = $("#txtTarjeta_Codigo").val();
            fecha = $("#txtFechaVencimiento").val();

            if ((numero == '' || isNaN(numero)) || (codigo == '' || isNaN(codigo))) {
                alert("Por favor ingrese datos validos");
                event.preventDefault();
            }
            else if (fecha == '') {
                alert("Por favor ingrese una fecha");
                event.preventDefault();
            }
        });        
    </script>
</asp:Content>
